<!--░░░░░░░░▌▒█░░░░░░░░░░░▄▀▒▌-->
<!--░░░░░░░░▌▒▒█░░░░░░░░▄▀▒▒▒▐-->
<!--░░░░░░░▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐-->
<!--░░░░░▄▄▀▒░▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐-->
<!--░░░▄▀▒▒▒░░░▒▒▒░░░▒▒▒▀██▀▒▌-->
<!--░░▐▒▒▒▄▄▒▒▒▒░░░▒▒▒▒▒▒▒▀▄▒▒-->
<!--░░▌░░▌█▀▒▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐-->
<!--░▐░░░▒▒▒▒▒▒▒▒▌██▀▒▒░░░▒▒▒▀▄-->
<!--░▌░▒▄██▄▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒-->
<!--▀▒▀▐▄█▄█▌▄░▀▒▒░░░░░░░░░░▒▒▒-->
<!--The single doge JUST LOOKING AT YOU without any words.-->
<!--单身犬默默地看着你，一句话也不说。                       -->
<!--                                            07/15/2016-->
<!doctype html>
<html style="height:100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,minimal-ui"/>
    <link href="http://www.qlcoder.com//uploads/145620041535888.png" type="image/x-icon" rel=icon>
    <title>千里码</title>
    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/jquery.mCustomScrollbar.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="http://www.qlcoder.com//font/iconfont.css">


    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <style>
        .table thead tr th, .table tbody tr, .table tbody tr th, .contain h1 {
            text-align: center;
        }
        .table a{
            display: inline-block;
            margin-left:10px;
        }
        .table .operate {
            display: block;
			border:none;
			background: initial;
    		margin: 0 auto;
    		color: #337ab7;
        }
		.table .operate[disabled]{
			color:gray;
		}
        .table-bordered>tbody>tr>td{
            vertical-align: middle;
        }
        .form-group {
            text-align: left;
        }
        .form-group label {
            width:100px;
            vertical-align: top;
            margin-top: 10px;
        }
        .modal form{
            display: none;
        }
        .modal form button {
            display: block;
            margin:0 auto;
        }
        .form-control {
            display: inline-block;
            width: 70%;
        }
    </style>
</head>
<body class="html-margin">
<div class="q_warp" style="min-height:100%;margin-bottom:-60px;">
    <nav class="nav">
        <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
        <div class="container-fluid"><!--fluid-->
            <div class="pull-left">
                <a class="" href="/home" style="display: inline-block;"><img src="/img/ql_logo1.png"> </a>
            </div>
            <div class="pull-left nav-list">
                <ul class="" style="padding:0;">
                    <li class="">
                        <a href="/home"><span color="gray" style="font-size:15px;">技能树</span></a>
                    </li>
                    <li class="active">
                        <a href="/discuss/all"><span color="gray" style="font-size:15px;">讨论区</span></a>
                    </li>
                    <li class="">
                        <a href="/article/all"><span color="gray" style="font-size:15px;">文章</span></a>
                    </li>
                    <li class="">
                        <a href="/rank"><span color="gray" style="font-size:15px;">排行榜</span></a>
                    </li>
                    <li class="">
                        <a href="/help"><span color="gray" style="font-size:15px;">帮助中心</span></a>
                    </li>
                    <!-- <li class=""><a href="/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li> -->
                </ul>
            </div>
            <div class="pull-right ">
                <ul class="avator pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle pull-left" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">
                            <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;"
                                 src="/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre"
                                 width="30" height="30">

                            <!--<span class="badge s_tip">4</span>-->
                            &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span>
                            <span class="caret"></span>
                        </a>
                        <!--<span class="badge s_tip">4</span>-->
                        <ul class="dropdown-menu ">
                            <li><a href="/profile/792c"
                                   target="_blank"><i class="iconfont">&#xe612;</i>我的主页</a></li>
                            <li><a href="/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a>
                            </li>
                            <li><a href="/imglib" target="_blank"><i class="iconfont">&#xe61b;</i>图片库</a>
                            </li>
                            <li><a href="/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信
                            </a></li>
                            <!--<li role="separator" class="divider"></li>-->
                            <li><a href="/logout" target="_blank"><i class="iconfont">
                                &#xe613;</i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </nav>

    <!--模板内容开始-->
    <div class="contain">
		<input type="hidden" value="qu1yHPvWdc28khuP1MqE0GPrFnuYWCaq1OWfteFa" />
        <table class="table table-bordered table-hover">
            <thead style="background: #DDDDDD;">
                <tr>
                    <th>候选人</th>
                    <th>邀请时间</th>
                    <th>公司</th>
                    <th>职位</th>
                    <th>薪资待遇</th>
                    <th>状态</th>
                    <th>其他</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>小白鼠</td>
                    <td>2016.08.29</td>
                    <td>腾讯</td>
                    <td>网络爬虫</td>
                    <td>20k-25k</td>
                    <td>已邀请</td>
                    <td><a href="">查看简历</a></td>
                    <td>
                        <button class="operate" data-target="#send-invite" data-id="1">发送面试邀请</button>
                        <button class="operate" disabled data-target="#send-invite-time" data-id="2">发送面试时间地点</button>
                        <button class="operate" data-target="#update-invite-time" data-id="3">修改面试时间地点</button>
                        <button class="operate" data-target="#send-offer" data-id="4">发送offer</button>
						<button class="operate" data-target="#not-pass" data-id="5">面试未通过</button>
                    </td>
                </tr>
                <tr>
                    <td>小白鼠</td>
                    <td>2016.08.29</td>
                    <td>腾讯</td>
                    <td>网络爬虫</td>
                    <td>20k-25k</td>
                    <td>已拒绝</td>
                    <td><a href="">查看简历</a><a href="">查看私信</a></td>
                    <td>
						<button class="operate" data-target="#send-invite" data-id="1">发送面试邀请</button>
                        <button class="operate" data-target="#send-invite-time" data-id="2">发送面试时间地点</button>
                        <button class="operate" data-target="#update-invite-time" data-id="3">修改面试时间地点</button>
                        <button class="operate" data-target="#send-offer" data-id="4">发送offer</button>
                    </td>
                </tr>
                <tr>
                    <td>小白鼠</td>
                    <td>2016.08.29</td>
                    <td>腾讯</td>
                    <td>网络爬虫</td>
                    <td>20k-25k</td>
                    <td>待面试</td>
                    <td><a href="">查看简历</a><a href="">查看私信</a></td>
                    <td>
						<button class="operate" data-target="#send-invite" data-id="1">发送面试邀请</button>
                        <button class="operate" data-target="#send-invite-time" data-id="2">发送面试时间地点</button>
                        <button class="operate" data-target="#update-invite-time" data-id="3">修改面试时间地点</button>
                        <button class="operate" data-target="#send-offer" data-id="4">发送offer</button>
                    </td>
                </tr>
                <tr>
                    <td>小白鼠</td>
                    <td>2016.08.29</td>
                    <td>腾讯</td>
                    <td>网络爬虫</td>
                    <td>20k-25k</td>
                    <td>已面试</td>
                    <td><a href="">查看简历</a><a href="">查看私信</a></td>
                    <td>
						<button class="operate" data-target="#send-invite" data-id="1">发送面试邀请</button>
                        <button class="operate" data-target="#send-invite-time" data-id="2">发送面试时间地点</button>
                        <button class="operate" data-target="#update-invite-time" data-id="3">修改面试时间地点</button>
                        <button class="operate" data-target="#send-offer" data-id="4">发送offer</button>
                    </td>
                </tr>
            </tbody>
        </table>

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="myModalLabel">操作</h4>
                    </div>
                    <div class="modal-body">
                        <!--发送面试邀请 S-->
                        <form action="" id="send-invite">
                            <div class="form-group">
                                <label>候选人:</label>
                                <input type="text" class="form-control" placeholder="候选人" name="user" value="" readonly />
                            </div>
                            <div class="form-group">
                                <label>公司:</label>
								<input class="form-control search-input" style="width:30%;" />
								<a href="javascript:;" class="company-search btn btn-default" style="display:inline-block;">搜索</a>
                                <select name="company" class="form-control" style="width:29%;">
                                    <option value="">公司名</option>
                                    <option value="">公司名</option>
                                    <option value="">公司名</option>
                                    <option value="">公司名</option>
                                    <option value="">公司名</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>职位名称:</label>
                                <input type="text" class="form-control" placeholder="职位名称" name="" />
                            </div>
                            <div class="form-group">
                                <label>薪资:</label>
                                <input type="text" class="form-control" placeholder="薪资" name="" />
                            </div>
                            <div class="form-group">
                                <label>职位描述:</label>
                                <input type="text" class="form-control" placeholder="职位描述" name="" />
                            </div>
                            <button type="submit" class="btn btn-default">确认</button>
                        </form>
                        <!--发送面试邀请 E-->
                        <!--发送面试时间地点 S-->
                        <form action="" id="send-invite-time">
                            <div class="form-group">
                                <label>候选人:</label>
                                <input type="text" class="form-control" placeholder="候选人" name="user" value="" readonly />
                            </div>
                            <div class="form-group">
                                <label>面试时间:</label>
                                <input type="text" class="form-control" placeholder="面试时间" name="" />
                            </div>
                            <div class="form-group">
                                <label>面试地点:</label>
                                <textarea class="form-control" placeholder="面试地点" name=""></textarea>
                            </div>
                            <div class="form-group">
                                <label>补充:</label>
                                <textarea class="form-control" placeholder="补充" name=""></textarea>
                            </div>
                            <button type="submit" class="btn btn-default">确认</button>
                        </form>
                        <!--发送面试时间地点 E-->
                        <!--修改面试时间地点 S-->
                        <form action="" id="update-invite-time">
                            <div class="form-group">
                                <label>候选人:</label>
                                <input type="text" class="form-control" placeholder="候选人" name="user" value="" readonly />
                            </div>
                            <div class="form-group">
                                <label>修改面试时间:</label>
                                <input type="text" class="form-control" placeholder="修改面试时间" name="" />
                            </div>
                            <div class="form-group">
                                <label>修改面试地点:</label>
                                <textarea class="form-control" placeholder="修改面试地点" name=""></textarea>
                            </div>
                            <div class="form-group">
                                <label>补充:</label>
                                <textarea class="form-control" placeholder="补充" name=""></textarea>
                            </div>
                            <button type="submit" class="btn btn-default">确认</button>
                        </form>
                        <!--修改面试时间地点 E-->
                        <!--发送offer S-->
                        <form action="" id="send-offer">
                            <div class="form-group">
                                <label>候选人:</label>
                                <input type="text" class="form-control" placeholder="候选人" name="user" value="" readonly />
                            </div>
                            <div class="form-group">
                                <label>岗位:</label>
                                <input type="text" class="form-control" placeholder="岗位" name="" />
                            </div>
                            <div class="form-group">
                                <label>薪资:</label>
                                <input type="text" class="form-control" placeholder="薪资" name="" />
                            </div>
                            <div class="form-group">
                                <label>补充:</label>
                                <input type="text" class="form-control" placeholder="补充" name="" />
                            </div>
                            <button type="submit" class="btn btn-default">确认</button>
                        </form>
                        <!--发送offer E-->
						<form action="" id="not-pass">
							<div class="form-group">
								<label>面试未通过理由</label>
								<input type="text" class="form-control" placeholder="面试未通过理由" neme=""  />
							</div>
							<button type="submit" class="btn btn-default">确认</button>
						</form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--模板内容结束-->

    <div style="height:60px;"></div>
</div>
<!-- Footer -->
<footer>
    <p>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=08dcd44232943b517c2ed04dceb097155575f604791c57bbd2f9759e90e22d58">qq群480394714</a>
    </p>
</footer>
<script src="http://www.qlcoder.com//js/jquery.min.js"></script>
<script src="http://www.qlcoder.com//js/bootstrap.min.js"></script>
<script src="http://www.qlcoder.com//js/base.js"></script>
<script>
    (function($){
        $(".operate").click(function () {
            var target = $(this).attr("data-target"),
                    id = $(this).attr("data-id"),
                    opearte= $(this).html();
            $("#myModalLabel").html(opearte);
            $(".modal form").hide();
            $(".modal "+target).show().find("input[name='user']").val(id);
            $("#myModal").modal('show');
        });
		$(".company-search").click(function(){
			var search = $(".search-input").val();
			$.ajax({
				url:'/talent/search_com',
				type:"get",
				dataType:"json",
				data:{
					_token:$("input[type='hidden']").val(),
					name:search
				},
				success:function(res){
					var html = "";
					html = res.data.map(function(v){
						return ('<option value="'+v.id+'">'+v.name+'</option>');
					}).join("");
					$("select").html(html);
				}
			})
		})
    })(jQuery);

</script>
</body>
</html>


